<template>
  <div class="cart">
      <header>
          <p class="title">购物车</p>
          <p class="manage">管理</p>
      </header>
      <div class="null"></div>
      <Cartcontent/>
      <Cartcontent/>
      <Cartcontent/>
      <Cartcontent/>
      <Bottom/>
  </div>
</template>

<script>
import Bottom from '../shop/bottom.vue'
import Cartcontent from './cartcontent.vue'
export default {
    components:{
        Cartcontent,Bottom
    }
}
</script>

<style scoped>
.cart{
    width:100%;
    background-color: #f2f2f2;
}
header{
    width:3.6rem;
    height:0.4rem;
    background-color: white;
    position: fixed;
    top:0;
    z-index:999
}
.title{
    font-size:0.16rem;
    line-height: 0.4rem;
    text-align: center;
    font-weight: bold;
}
.manage{
    font-size:0.12rem;
    position: absolute;
    top:0.11rem;
    right:0.18rem;
    color:#55ad70
}
.null{
    width:100%;
    height:0.4rem;
}
</style>